html, body , #root{
  background-color: #fafafa;
  height: 100%;
  width: 100%;
  font-size: 28px;
  color: #595959;
  line-height: 1.67;
}
img{
  width: 100%;
}

* , h1, h2{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.border-bottom-d9{
  border-bottom: 1px solid #d9d9d9;
}
.line-height-80{
  line-height: 80px;
}
.line-height-2{
  line-height: 2;
}
.col-fff{
  color: #fff;
}
.col-FF8A72{
  color: #FF8A72
}
.col-F2912C{
  color: #F2912C
}
.col-green{
  color: #19BC9B
}
.col-262626{
  color: #262626;
}
.col-595959{
  color: #595959;
}
.col-8C8C8C{
  color: #8C8C8C
}
.ft-28{
  font-size: 56px;
}
.ft-24{
  font-size: 48px;
}
.ft-22{
  font-size: 44px;
}
.ft-21{
  font-size: 42px;
}
.ft-20{
  font-size: 40px;
}
.ft-18{
  font-size: 36px;
}
.ft-16{
  font-size: 32px;
}
.ft-17{
  font-size: 34px;
}
.ft-15{
  font-size: 30px;
}
.ft-14{
  font-size: 28px;
}
.ft-13{
  font-size: 26px;
}
.ft-12{
  font-size: 24px;
}
.ft-10{
  font-size: 20px;
}
.pd-15{
  padding: 30px;
}
.pdl-15{
  padding: 0 30px;
}
.pdb-10{
  padding-bottom: 20px;
}
.height10{
  height:20px;
} 
.bgc-f4{
  background-color: #fafafa;
}
.bgc-fff{
  background-color: #fff;
}
.text-center{
  text-align: center;
}
.mt-5{
  margin-top: 10px;
}
.mt-10{
  margin-top: 20px;
}
.mt-15{
  margin-top: 30px;
}
.mt-20{
  margin-top: 40px;
}
.mt-25{
  margin-top: 50px;
}
.mt-30{
  margin-top: 60px;
}
.flex {
  display: flex;
}
.flex-between{
  justify-content: space-between;
}
.flex-center{
  justify-content: center;
}
.flex-column-center{
  align-items: center;
}
.flex-column {
    flex-direction: column;
}
.ft-bold {
  font-weight: bold;
}

.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}